<extend name="Public/template" />

<block name="body">
    <ul class="am-avg-sm-1 am-avg-md-4 am-margin am-padding am-text-center admin-content-list ">
        <li><a href="#" class="am-text-secondary"><span class="am-icon-btn am-icon-user-md"></span><br/>客户总量<br/>3000</a></li>
        <li><a href="#" class="am-text-success"><span class="am-icon-btn am-icon-user-plus"></span><br/>今日新增<br/>2300</a></li>
        <li><a href="#" class="am-text-warning"><span class="am-icon-btn am-icon-plus-square-o"></span><br/>本周新增<br/>308</a></li>
        <li><a href="#" class="am-text-danger"><span class="am-icon-btn am-icon-plus-square"></span><br/>本年新增<br/>80082</a></li>
    </ul>
    <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">公告通知</strong></div>
    </div>
    <div class="am-g">
        <div class="am-u-sm-12">
            <table id="notice" class="display" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>标题</th>
                    <th>级别</th>
                    <th>通知目标</th>
                    <th>发布人</th>
                    <th>发布时间</th>
                    <th>附件</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>Tiger Nixon</td>
                    <td>System Architect</td>
                    <td>Edinburgh</td>
                    <td>61</td>
                    <td>2011/04/25</td>
                    <td>$320,800</td>
                </tr>
                <tr>
                    <td>Garrett Winters</td>
                    <td>Accountant</td>
                    <td>Tokyo</td>
                    <td>63</td>
                    <td>2011/07/25</td>
                    <td>$170,750</td>
                </tr>
                </tbody>
                </table>
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-sm-12">
            <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-fygl'}">费用管理<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-fygl">
                    <table border="0"  width="100%"  height="100%" cellpadding=0 cellspacing=0><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无费用!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>                </div>
            </div>
        </div>
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-jnrgl'}">纪念日提醒<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-jnrgl">
                    <table border="0"  width="100%"  height="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无纪念日提醒!</font></td></table>
                </div>
            </div>
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-fwgl'}">服务管理<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-fwgl">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无服务记录!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>                </div>
            </div>
        </div>
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-jhap'}">计划安排<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-jhap">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无计划安排!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-dfh'}">待发货<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-dfh">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无待发货记录!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-ysk'}">应收款<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-ysk">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无应收款!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-yfk'}">应付款<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-yfk">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无应付款!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-ykp'}">应开票<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-ykp">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无应开票!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
    </div>
    <div class="am-g">
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-drk'}">待入库<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-drk">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无待入库记录!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
        <div class="am-u-md-6">
            <div class="am-panel am-panel-primary">
                <div class="am-panel-hd am-cf" data-am-collapse="{target: '#panel-dck'}">待出库<span class="am-icon-chevron-down am-fr" ></span></div>
                <div class="am-panel-bd am-collapse am-in" id="panel-dck">
                    <table border="0"  width="100%"><tr class="TableBlock">
                        <td valign="Middle" align="left"><font color="red">
                            &nbsp;暂无待出库记录!</font></td><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr><tr class="TableBlock">
                        <td valign="Middle" align="left">&nbsp;
                        </td>
                    </tr></table>
                </div>
            </div>
        </div>
    </div>
</block>

<block name="script">
    <script type="text/javascript">
        $(function(){
            $('#wdzm').collapse('open');
            $('#notice').DataTable({
                "language":{
                    "url":"__PUBLIC__/datatables/china.json"
                }
            });
        });
    </script>
</block>